<template>
  <avue-data-box :option="option"></avue-data-box>
</template>
<script setup>
const option = ref({
  span: 6,
  data: [
    {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      title: '错误日志',
      count: 12332,
      icon: 'el-icon-warning',
      color: 'rgb(49, 180, 141)',
      href: 'https://avuejs.com',
      target: '_blank'
    },
    {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      title: '数据展示',
      count: 33,
      icon: 'el-icon-view',
      color: 'rgb(56, 161, 242)',
      href: 'https://avuejs.com',
      target: '_blank'
    },
    {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      title: '权限管理',
      count: 2223,
      icon: 'el-icon-setting',
      color: 'rgb(117, 56, 199)',
      href: 'https://avuejs.com',
      target: '_blank'
    },
    {
      click: function (item) {
        alert(JSON.stringify(item));
      },
      title: '权限管理',
      count: 2223,
      icon: 'el-icon-setting',
      color: 'rgb(117, 56, 199)',
      href: 'https://avuejs.com',
      target: '_blank'
    },
  ]
})
</script>